<template>
    <div class="w-full bg-white">
        <div class="w-full h-20 flex justify-center">
            <p class="text-xl leading-[5rem] ">收藏的歌单</p>
        </div>
        <div class="flex flex-wrap mt-4 py-4 rounded-lg" style="background-color:var(--showbox);">
            <div v-for="item, index in data.data" class="w-[20%]" :key="index">
                <HomeMusicListCard :title="item.name" :cover="item.cover" :_id="item.musicListid" class="mt-3 ml-5" />
            </div>
        </div>
    </div>
</template>
<script setup>
import { useUserStore } from '~~/store/user';
const user = useUserStore()
const { data } = await useAsyncData('username', () => $fetch('/api/collection/getLike', { query: { username: user.username } }))
</script>